<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="author" content="nwpu-bigdata">
    <title>故障检测与诊断</title>

    <link rel="stylesheet" href="assets/css/style.css">
    <link rel="stylesheet" href="assets/css/loader-style.css">
    <link rel="stylesheet" href="assets/css/bootstrap.css">
    <link rel="stylesheet" href="assets/js/iCheck/flat/all.css" >
    <link rel="stylesheet" href="assets/js/iCheck/line/all.css" >
    <link rel="stylesheet" href="assets/js/validate/validate.css" >
    <link rel="stylesheet" href="assets/js/idealform/css/jquery.idealforms.css" >
    <link rel="stylesheet" href="assets/js/dataTable/lib/jquery.dataTables/css/DT_bootstrap.css">
    <link rel="stylesheet" href="assets/js/dataTable/css/datatables.responsive.css">
    <link rel="stylesheet" href="plugins/footable/css/footable.bootstrap.css">
    <link rel="stylesheet" href="plugins/footable/css/footable.bootstrap.min.css">
    <link rel="stylesheet" href="assets/js/footable/css/footable.standalone.css">
    <link rel="stylesheet" href="assets/js/footable/css/footable-demos.css">
    <link rel="stylesheet" href="assets/js/footable/css/footable.core.css">
    <link rel="stylesheet" href="css/custom.css" > 
    <link rel="shortcut icon" href="assets/ico/minus.png">
    
	<link href="css/datepicker3.css" rel="stylesheet">
	<link href="css/styles.css" rel="stylesheet">

</head>

<body>
<!-- Preloader -->
<div id="preloader">
    <div id="status">&nbsp;</div>
</div>

<header>
    <script type="text/javascript" src="common/public/header.js"></script>
    <!-- /END OF TOP NAVBAR -->
</header>
<!-- TOP NAVBAR -->

<section>
    <!-- SIDE MENU -->
    <script type="text/javascript" src="common/public/slider.js"></script>
    <!-- END OF SIDE MENU -->
</section>


<!--  PAPER WRAP -->
<div class="wrap-fluid">
    <div class="container-fluid paper-wrap bevel tlbr">
        <!-- CONTENT -->
        <!--TITLE -->
        <div class="row">
            <div id="paper-top">
                <div class="col-sm-3">
                    <h2 class="tittle-content-header">
                        <i class="icon-document-edit"></i>
                        <span>日志配置
                            </span>
                    </h2>

                </div>

                <div class="col-sm-7">
                    <div class="devider-vertical visible-lg"></div>

                </div>
                <div class="col-sm-2">
                    <div class="devider-vertical visible-lg"></div>
                </div>
            </div>
        </div>
        <!--/ TITLE -->

        <!-- BREADCRUMB -->
        <ul id="breadcrumb">
            <li>
                <span class="entypo-home"></span>
            </li>
            <li><i class="fa fa-lg fa-angle-right"></i>
            </li>
            <li><a href="#" title="Sample page 1">检测</a>
            </li>
            <li><i class="fa fa-lg fa-angle-right"></i>
            </li>
            <li><a href="#" title="Sample page 1">日志检测</a>
            </li>
            <li><i class="fa fa-lg fa-angle-right"></i>
            </li>
            <li><a href="#" title="Sample page 1">日志采集配置</a>
            </li>

        </ul>

        <!-- END OF BREADCRUMB -->
        <div class="content-wrap">
                    <div id="elementClose">
                    
                        <div class="" id="element"  >
                            <!--first CONTENT-->
                            <!-- table div -->
                            <div class=" col-lg-9 col-md-9 col-sm-12">
                                <div class="nest" style="width: 100%; height: 100%;border:1px solid white; margin-top:44px;padding:0 15px;" >
                                    <!-- table_name -->
                                    <!-- <div>
                                        <h4 align="center" style="margin:2% 2%;">日志信息表</h4>
                                    </div> -->
                                    <!-- table -->
                                    <div style=" margin-top:30px; width:100%; height:85%; /* border:1px solid red */">
                                        <table id="log_configure_show" class="table" data-filtering="true">
                                            <thead>
	                                            <tr>
	                                                <th>ID</th>
	                                                <th data-type="date" data-format-string="Do MMMM YYYY">时间</th>
	                                                <th>主机名称</th>
	                                                <th>软件名称</th>
	                                                <th>进程名称</th>
	                                                <th>错误类型</th>
	                                                <th>用户名称</th>
	                                                <th data-hide="phone,tablet">日志内容</th>
	                                            </tr>
                                            </thead>
                                            <tbody id="config_body"></tbody>
                                        </table>
                                    </div>
                                    <!-- table_page -->
                                    <div style="margin:0 auto; height:6%; /* border:1px solid pink */">
                                        <nav style="text-align: center">
                                            <ul id="log_ul" class="pagination"></ul>
                                        </nav>
                                    </div>
                                </div>
                            </div><br><br>
                            
                            <!--### side div -->
                            <div class="col-lg-3 col-md-3 col-sm-12"  >
                                <form id="log_form" role="form" class="form-horizontal" method="post">
                                    <!-- 配置 -->
                                    <div class="nest" style="border:1px solid white; width: 100%; min-height: 270px; ">
                                        <div>
	                                        <h4 align="center" style="margin:15% 5%">插入关键字</h4>
	                                    </div>
                                        <!-- margin : 上 右 下 左  border-radius:10px -->
                                        <input id="key_txt" type="email"
                                               style="width: 80%; height: 20%; margin:20% 10% 5% 10%; " placeholder="输入关键字"
                                               id="" class="form-control">
                                        <select id="hostName_txt"  data-toggle="dropdown" class="btn dropdown-toggle" 
                                        	   style="width: 80%; height: 15%; margin:3% 10%; " >
                                        </select>
                                        <button id="key_submit" type="button"
                                                style="width: 40%; height: 12%; margin-left:30%; margin:7% 30%;"
                                                class="btn btn-success">提 交
                                        </button>
                                        <!--
                                        <button id="test_btnt" class="btn btn-success">测试按钮</button>
                                         -->
                                    </div>
                                </form><br>
                                <!-- key_table -->
                                <div class="nest"
                                     style="margin:0 auto; width: 100%; height: 50%; border:1px solid white">
                                    <!-- data-paging="true" -->
                                    <table id="key_table" class="table"
                                           style="width: 70%; height: 75%; margin:15% 15% ;">
                                        <thead>
	                                        <tr>
	                                            <th>关键字</th>
	                                        </tr>
                                        </thead>
                                        <tbody id="key_body"></tbody>
                                    </table>
                                </div>
                            </div>

                        </div>

                    </div>
               
        </div>


        <!-- /END OF CONTENT -->
        <!-- FOOTER -->
        <div class="footer-space"></div>
        <div id="footer">
           
        </div>
        <!-- / END OF FOOTER -->


    </div>
</div>
<!--  END OF PAPER WRAP -->
<!-- Le styles -->
<script type="text/javascript" src="assets/js/jquery.js"></script>
<script type="text/javascript" src="assets/js/jquery.min.js"></script>


<!-- MAIN EFFECT -->
<script type="text/javascript" src="assets/js/preloader.js"></script>
<script type="text/javascript" src="assets/js/bootstrap.js"></script>
<script type="text/javascript" src="assets/js/app.js"></script>
<script type="text/javascript" src="assets/js/load.js"></script>
<script type="text/javascript" src="assets/js/main.js"></script>

<!-- /MAIN EFFECT -->
<script type="text/javascript" src="assets/js/iCheck/jquery.icheck.js"></script>
<script type="text/javascript" src="assets/js/switch/bootstrap-switch.js"></script>

<!--表格相关的js  -->
<script src="plugins/footable/3.1.6/footable.min.js"></script>
<script src="plugins/footable/3.1.6/footable.js"></script>
<script src="plugins/footable/3.1.6/footable.filter.js"></script>

<!-- 表单相关的编写的JS -->
<script type="text/javascript" src="common/log/logConfiguration.js"></script>
<script type="text/javascript" src="common/rule/ruleConfigShow.js"></script>


</body>

</html>
